<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>简历 | 王九华 - Jiuhua Wang</title>
</head>
<body>
    <p class="last-modified">最后更新时间：2019年11月</p>
    <div class="content">
        <header class="content-hd">
            <section class="title">
                <div class="name">
                    <h1>王九华<small>Jiuhua Wang</small></h1>
                </div>
                <div class="job">
                    <h2>Web前端开发工程师<small> / 深圳</small></h2>
                </div>
            </section>
            <section class="info">
                <h2>男 / 1991.11</h2>
                <h3>硕士 / 2018年毕业 · 1年+工作经验</h3>
                <h3>厦门大学 · 材料工程</h3>
            </section>
            <section class="contact">
                <ul>
                    <li><a href="http://wangjiuhua.com" target="_blank"><span class="contact-link">wangjiuhua.com</span><i class="iconfont icon-homepage"></i></a></li>
                    <li><a href="https://github.com/xszi" target="_blank"><span class="contact-link">github.com/xszi</span><i class="iconfont icon-github"></i></a></li>
                    <li><a href="mailto:jiuhuaw@126.com" target="_blank"><span class="contact-link">jiuhuaw@126.com</span><i class="iconfont icon-email"></i></a></li>
                    <li><a href="tel:1575079****" target="_blank"><span class="contact-link">15750793795</span><i class="iconfont icon-phone"></i></a></li>
                </ul>
            </section>
        </header>
        <div class="content-bd">
            <div class="content-left">
                <section id="experience">
                    <header class="section-hd">
                        <span class="section-title-l"></span>
                        <h2 class="section-title">工作经验</h2>
                        <span class="section-title-r"></span>
                    </header>
                    <div class="section-bd">
                        <div class="item item-main">
                            <header class="item-hd">
                                <span class="item-time">2018.07 ~ 至今</span>
                                <a class="btn item-more" href="https://www.duofriend.com/" target="_blank" title="工作经历">工作</a>
                                <h3 class="item-name">谷通科技有限公司</h3>
                            </header>
                            <div class="item-bd">
                                <p class="section-content">
                                    <strong>MALL</strong><strong>商城研发部</strong>
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <header class="item-hd">
                                <h3 class="item-name"><i class="iconfont icon-dot"></i>商城后台管理店员端（h5+node前后端分离）</h3>
                            </header>
                            <div class="item-bd">
                                <p class="section-content">
                                    <strong>项目负责人</strong>负责整个H5（混合APP），node中间层的架构设计与研发。拟定开发规范，配置页面开发场景，完成项目的打包上线。本项目使用vue-cli3启动初始化，组件化开发，模块化开发，使用egg框架转发接口，实现前后端分离。
                                </p>
                                <p class="section-content">
                                    <strong>技术栈</strong><em>vue</em><em>node</em><em>egg</em><em>vant</em><em>Less</em>
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <header class="item-hd">
                                <h3 class="item-name"><i class="iconfont icon-dot"></i> 商城h5 </h3>
                            </header>
                            <div class="item-bd">
                                <p class="section-content">
                                    负责并完成商城h5购物车，商品分类及分销员模块的开发。依照小程序业务逻辑，对比h5与小程序异同，实现商城h5相应模块的快速开发。
                                </p>
                                <p class="section-content">
                                    <strong>技术栈</strong><em>vue</em><em>node</em><em>egg</em><em>vant</em><em>Less</em>
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <header class="item-hd">
                                <h3 class="item-name"><i class="iconfont icon-dot"></i> 商城小程序 </h3>
                            </header>
                            <div class="item-bd">
                                <p class="section-content">
                                    负责并完成商城微信小程序购物车，商品分类及分销员模块的开发。配合项目负责人协作开发，讨论优化，提升性能。
                                </p>
                                <p class="section-content">
                                    <strong>技术栈</strong><em>原生小程序</em></em>
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <header class="item-hd">
                                <h3 class="item-name"><i class="iconfont icon-dot"></i> 商城后台管理PC端 </h3>
                            </header>
                            <div class="item-bd">
                                <p class="section-content">
                                    负责实现商城后台管理PC端的各种新功能添加，代码整理，性能优化。
                                </p>
                                <p class="section-content">
                                    <strong>技术栈</strong><em>vue</em><em>Element-UI</em><em>Less</em>
                                </p>
                            </div>
                        </div>
                    </div>
                </section>
                <section id="experience">
                    <header class="section-hd">
                        <span class="section-title-l"></span>
                        <h2 class="section-title">学习之路</h2>
                        <span class="section-title-r"></span>
                    </header>
                    <div class="section-bd">
                        <div class="item">
                            <div class="item-bd">
                                <p class="section-content">
                                    <i class="iconfont icon-dot"></i>作为非科班生在中国大学慕课网学习了<strong>C语言程序设计</strong>，<strong>数据结构与算法</strong>，<strong>计算机网络技术</strong>等课程并取得合格证书。
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-bd">
                                <p class="section-content">
                                    <i class="iconfont icon-dot"></i>慕课网(imooc)学习付费课程<strong>vue高级程序设计</strong>，<strong>vue源码分析</strong>等。
                                </p>
                            </div>
                        </div>
                        <div class="item">
                                <div class="item-bd">
                                    <p class="section-content">
                                        <i class="iconfont icon-dot"></i>阅读专业书籍<strong>《JS设计模式》</strong>，<strong>《深入浅出Node.js》</strong>，<strong>《高性能JavaScript程序设计》</strong>等。
                                    </p>
                                </div>
                            </div>
                        <div class="item">
                            <div class="item-bd">
                                <p class="section-content">
                                    <i class="iconfont icon-dot"></i>获得大学英语六级证书
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <div class="item-bd">
                                <p class="section-content">
                                    <i class="iconfont icon-dot"></i>获得国家计算机二级证书
                                </p>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
            <div class="content-right">
                <section id="skill">
                    <header class="section-hd">
                        <span class="section-title-l"></span>
                        <h2 class="section-title">专业能力</h2>
                        <span class="section-title-r"></span>
                    </header>
                    <div class="section-bd">
                        <ul class="section-list">
                            <li><p class="section-content"><i class="iconfont icon-dot"></i>
                                <strong>3年+</strong>前端学习与开发经验，<strong>1年+</strong>前端工作经验。
                            </p></li>
                            <li><p class="section-content"><i class="iconfont icon-dot"></i>
                                掌握Web前端开发基本技能，熟悉<strong>W3C标准</strong>、<strong>HTML</strong>、<strong>CSS</strong>、<strong>UI重构</strong>、<strong>页面布局</strong>、<strong>响应式布局</strong>等。
                            </p></li>
                            <li><p class="section-content"><i class="iconfont icon-dot"></i>
                                对<strong>JavaScript</strong>、各类<strong>UI组件库</strong>、<strong>JS类库</strong>、<strong>模板引擎</strong>、<strong>MVVM框架</strong>、<strong>工程化工具</strong>等有着较熟练的实践和较深刻的感悟。
                            </p></li>
                            <li><p class="section-content"><i class="iconfont icon-dot"></i>
                                对<strong>Node.js</strong>、<strong>模块化规范</strong>、<strong>CSS预处理器</strong>、<strong>数据可视化</strong>、<strong>设计模式</strong>、<strong>性能优化</strong>、<strong>前端安全</strong>等也有一定的应用与思考。
                            </p></li>
                            <li><p class="section-content"><i class="iconfont icon-dot"></i>
                                熟练使用<strong>ES6</strong>语法编程，了解<em>Vue</em>源码及<em>Vue</em>的实现原理，追求代码<strong>高质量</strong><strong>可维护性</strong>。以<em>Vue</em><em>less</em><em>Webpack</em><em>微信小程序</em><em>Node.js</em>等为常用技术栈。
                            </p></li>
                            <li><p class="section-content"><i class="iconfont icon-dot"></i>
                                熟练使用<strong>Git</strong>进行版本控制和代码托管、<strong>Markdown</strong>进行文档编写，了解项目常规开发流程、<strong>开发调试</strong>技巧、<strong>发布部署</strong>步骤。
                            </p></li>
                            <li><p class="section-content"><i class="iconfont icon-dot"></i>
                                时刻保持<strong>好奇心</strong>，具有一定的<strong>创新创造</strong>精神，持续关注业内前沿技术。工作上<strong>积极执行</strong><strong>有责任心</strong>，具有良好的<strong>沟通合作</strong>能力、<strong>分析解决问题</strong>能力以及较强的<strong>学习能力</strong>。
                            </p></li>
                        </ul>
                    </div>
                </section>
                <section id="personal">
                    <header class="section-hd">
                        <span class="section-title-l"></span>
                        <h2 class="section-title">个人作品</h2>
                        <span class="section-title-r"></span>
                    </header>
                    <div class="section-bd">
                        <div class="item">
                            <header class="item-hd">
                                <h3 class="item-name"><i class="iconfont icon-dot"></i> 个人主页 · 技术博客</h3>
                                <a class="item-more" href="https://juejin.im/user/5bfb4a21f265da615a417de1/posts" target="_blank" title="个人主页"><i class="iconfont icon-homepage"></i></a>
                            </header>
                            <div class="item-bd">
                                <p class="section-content">
                                    知其然，也追求知其所以然，纵深学习，追求代码细节，分析源码，习惯性总结。搭建发布自己（wangjiuhua.com）的服务器，日常练习，展示自驱开发成果。
                                </p>
                            </div>
                        </div>
                        <div class="item">
                            <header class="item-hd">
                                <h3 class="item-name"><i class="iconfont icon-dot"></i> 开源作品</h3>
                                <a class="item-more" href="https://github.com/xszi" target="_blank" title="Github"><i class="iconfont icon-github"></i></a>
                            </header>
                            <div class="item-bd">
                                <p class="section-content">
                                    热爱开源精神，乐于分享，学习新技术。开源并维护一些学习项目、代码片段等，撰写用法文档，并托管在<strong>Github</strong>仓库。
                                </p>
                                <ul class="share-project">
                                    <li><a href="https://github.com/xszi/Travel" target="_blank"><i class="iconfont icon-dot"></i><strong>使用Vue仿做去哪儿网h5</strong></a></li>
                                    <li><a href="https://github.com/xszi/ES6-lottery" target="_blank"><i class="iconfont icon-dot"></i><strong>彩票选购项目</strong></a></li>
                                    <li><a href="https://github.com/xszi/blog" target="_blank"><i class="iconfont icon-dot"></i><strong>使用node搭建一个博客系统</strong></a></li>
                                    <li><a href="https://github.com/xszi/webpack-demo" target="_blank"><i class="iconfont icon-dot"></i><strong>webpack学习demo</strong></a></li>
                                    <li><a href="https://github.com/xszi/blog" target="_blank"><i class="iconfont icon-dot"></i><strong>读书分享</strong></a></li>
                                    <li><a href="https://github.com/xszi/resume" target="_blank"><i class="iconfont icon-dot"></i><strong>简历</strong></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
    <footer class="github-footer">
        <a class="footer-link" href="https://github.com/xszi/resume" target="_blank">
            <i class="iconfont icon-link"></i> github.com/xszi/resume
        </a>
    </footer>
    <footer class="print-footer">
        <a class="footer-link" href="http://wangjiuhua.com/resume/index.html" target="_blank">
            <i class="iconfont icon-link"></i> 网页版简历
        </a>
    </footer>
    <!-- <a class="pdf" href="resume/resume.pdf"><i class="iconfont icon-pdf"></i> PDF简历</a> -->
</body>
</html>
